#{extends 'main.html' /}
#{set title:'Iction Home' /}
#{set 'moreScripts'}
<script>
$(document).ready(function(){
	$(".submenu > ul > li > a").eq(0).addClass("selected");
});
</script>
#{/set}

<div id="right_wrap">
	<div id="right_content">             
		<h2>User Tables section</h2> 
		<table id="rounded-corner">
		    <thead>
		    	<tr>
		        	<th></th>
		            <th>Name</th>
		            <th>Department</th>
		 			<th>Password</th>
		            <th>Edit</th>
		            <th>Delete</th>
		        </tr>
		    </thead>
		    <tfoot>
		    	<tr>
		        	<td colspan="12">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut.</td>
		        </tr>
		    </tfoot>
		    <tbody>
		    %{
				for(i = 0; i < allUser.size(); i++){
					String strClass = (i%2 == 0 ? "odd" : "even")
					println "<tr class=\"" + strClass + "\">"
					println "<td><input type=\"checkbox\" name=\"\" /></td>"
					println "<td>" + allUser[i].name + "</td>"
					println "<td>" + allUser[i].permission + "</td>"
					println "<td>" + allUser[i].password + "</td>"
					println "<td><a href=\"#\" id=\"edit\"><img src=\"/public/images/edit.png\" alt=\"\" title=\"\" border=\"0\" /></a></td>"
					println "<td><a href=\"#\" id=\"detele\"><img src=\"/public/images/trash.gif\" alt=\"\" title=\"\" border=\"0\" /></a></td>"
				}
			%}
		    </tbody>
		</table>
	</div>	
</div><!-- end of right content-->